@mixin around {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.home-list {
	display: flex;
	flex-wrap: wrap;

	dl {
		width: 50%;
		padding: 5px;
		margin: 5px 0;

		dt {
			img {
				width: 100%;
			}
		}

		dd {
			@include around();
			flex-direction: column;

			small {
				color: #999;
			}

			b {
				color: red;
				font-size: 15px;
			}

			span {
				width: 100px;
				height: 30px;
				background-color: #ea625b;
				color: white;
				@include around();
				font-size: 12px;
				border-radius: 5px;
			}
		}
	}
}

.no-data {
	height: calc(100vh - 54px);
	width: 100%;
	object-fit: cover;
}